body {
font-family:Arial;
width:100%;
margin:0;
padding:0;
}

a {
outline:none;
}

.red {
color:red;
}

p,h1,h2,h3,h4,h5,h6,form,ul,ul li,ol,ol li,dl,dl dt,dl dd,blockquote,input {
outline:0;
margin:0;
padding:0;
}

ul,ul li,ol,ol li {
list-style:none;
}

img {
border:none;
}

.header {
background:#3e3e3e;
}

.header .left {
width:60px;
float:left;
margin-left:10px;
margin-top:20px;
}

.header .center {
width:82%;
float:left;
}

.header .right {
float:right;
margin-right:10px;
margin-top:20px;
}

.home {
background:url(images/home-ico.png);
background-repeat:no-repeat;
width:55px;
height:53px;
margin-top:3px;
}

.logo {
background:url(images/logo.png);
background-repeat:no-repeat;
width:153px;
height:100px;
margin:0 auto;
}

.menu-icon .language {
font-size:16pt;
text-transform:uppercase;
color:#fff;
padding:16px;
}

.menu-icon {
background:url(images/language-icon.png);
background-repeat:no-repeat;
width:56px;
height:53px;
cursor:pointer;
margin:5px 5px auto auto;
}

.txtcommentmobile {
width:97%;
height:30px;
font-size:14px;
border:0;
padding-left:5px;
margin:0 auto 0 10px;
}

#list-menu {
width:100%;
right:0;
position:absolute;
z-index:1000;
display:none;
top:44px;
background:#fff;
border-bottom:2px solid #555;
}

#list-menu ul.category li {
list-style:none;
background:#141414;
border-bottom:solid 1px #404040;
float:left;
width:100%;
padding:8px 0;
}

#list-menu ul.category li a {
background:none;
text-transform:none;
color:#fff;
text-decoration:none;
margin-left:10px;
}

#list-menu ul.category li a .imgmenu {
float:left;
position:relative;
margin-left:10px;
}

#list-menu ul.category li a .text {
margin-left:10px;
line-height:22px;
float:left;
position:relative;
}

#list-menu ul.contact {
width:100%;
margin:10px 0 0;
}

#list-menu ul.contact li {
list-style:none;
background:#141414;
padding:8px 0;
}

#list-menu ul.contact li a {
background:none;
text-transform:none;
text-decoration:none;
color:#fff;
}

.clr {
clear:both;
}

.txtsearch {
width:98%;
height:30px;
font-size:13px;
border:0;
padding-left:5px;
margin-top:8px;
}

.btnsearch {
width:100%;
height:31px;
background:#333;
color:#fff;
border:0;
margin-top:8px;
padding:0;
}

.footer {
background:url(images/bg-footer.png);
height:44px;
color:#fff;
line-height:22px;
padding:15px 10px;
}

.footer ul li {
display:inline-block;
padding-left:0;
}

.menu-home {
margin-top:10px;
margin-bottom:10px;
width:100%;
}

.menu-home ul .li-image {
display:inline-block;
list-style:none;
float:left;
width:33%;
text-align:center;
margin:0;
padding:0;
}

.menu-home ul .li-image span {
font-size:15px;
color:#333;
}

.menu-home ul.bottom .li-image {
display:inline-block;
list-style:none;
float:left;
width:25%;
text-align:center;
margin:0;
padding:0;
}

.menu-home ul.bottom .li-image span {
font-size:13pt;
color:#333;
}

.pro-wow {
text-align:center;
margin-top:10px;
padding:5px;
}

.pro-wow .left {
float:left;
text-align:right;
width:50%;
}

.pro-wow .left img {
width:100%;
height:auto;
}

.pro-wow .right {
float:left;
width:50%;
text-align:left;
}

.contentTotop {
text-align:center;
width:150px;
cursor:pointer;
margin:10px auto 0;
}

.contentTextTotop {
color:#f83703;
font-weight:700;
font:18px Arial,sans-serif;
padding-top:2px;
float:left;
padding-left:10px;
}

.totop {
background:url(themes/Store/img/icontotop.png) no-repeat;
width:25px;
height:25px;
float:left;
}

.loading {
width:32px;
height:32px;
background:url(images/loaderB32.gif);
margin:5px auto;
}

.contentDetail {
text-align:center;
padding:5px;
}

.arrow-right {
background:url(images/icon/arrow-right.png);
background-repeat:no-repeat;
width:9px;
height:9px;
float:left;
margin-top:15px;
margin-left:3px;
}

.arrow-up {
background:url(images/icon/arrow-up.png);
background-repeat:no-repeat;
width:19px;
height:14px;
float:left;
margin-top:7px;
margin-left:5px;
}

.arrow-down {
background:url(images/icon/arrow-down.png);
background-repeat:no-repeat;
width:19px;
height:14px;
float:left;
margin-top:8px;
margin-left:0;
}

.arrow-close {
background:url(images/icon/arrow-close.png);
background-repeat:no-repeat;
width:19px;
height:14px;
float:left;
margin-top:11px;
}

.footer-menu {
width:100%;
background:#e3e3e3;
margin:15px 0 0;
padding:0;
}

.footer-menu ul li {
width:25%;
float:left;
text-align:left;
line-height:35px;
font-size:11pt;
background:#e3e3e3;
margin:0;
padding:0;
}

.footer-menu ul li a {
float:left;
margin-left:10px;
}

.contact {
background:#bbb;
padding-top:10px;
margin-top:10px;
float:left;
width:100%;
padding-bottom:10px;
}

.contact ul li {
float:left;
width:100%;
background:#bbb;
margin:0;
padding:10px 0 5px;
}

.contact ul .bottom {
padding-bottom:15px;
}

.contact ul li p a {
margin-left:0;
}

.contact ul li a {
float:left;
margin-left:10px;
font-size:14px;
line-height:20px;
}

.contact ul li a .tel {
color:#175f93;
margin:0;
padding:0;
}

.contact ul li span {
margin-left:10px;
color:#333;
font-size:14px;
}

.contact ul li .arrow-right {
margin-top:6px;
}

html,#list-menu ul.category {
width:100%;
margin:0;
}

.bold,.footer .hotline {
font-weight:700;
}

#list-menu ul.contact .contact,.contact ul li p {
padding-left:10px;
}

.footer a,.footer ul li a {
text-decoration:none;
color:#333;
}

.footer ul,.menu-home ul,.footer-menu ul,.contact ul {
margin:0;
padding:0;
}

.menu-home ul .li-image a,.menu-home ul.bottom .li-image a {
text-decoration:none;
}

@mediamin-width800px{
html {
width:800px;
margin:0 auto;
}

body {
font-family:Arial;
width:800px;
margin:0 auto;
padding:0;
}
}

@mediamin-width200px and max-width390px{
.logo {
background:url(images/logo.png);
background-repeat:no-repeat;
width:185px;
height:25px;
margin:0 auto;
}
}

@mediamin-width200px and max-width500px{
.menu-home ul {
margin:0;
padding:0;
}

.menu-home ul .li-image {
display:inline-block;
list-style:none;
float:left;
width:33%;
text-align:center;
margin:0;
padding:5px 0;
}

.menu-home ul .li-image span {
font-size:11pt;
}

.menu-home ul .li-image img {
height:45px;
}

.txtcommentmobile {
width:90%;
}

.pro-wow .left {
float:left;
width:60%;
text-align:right;
}

.pro-wow .right {
float:left;
width:40%;
text-align:left;
}

.pro-wow .right img {
width:100%;
height:30px;
}

.pro-wow img,.pro-wow .left img {
width:100%;
height:auto;
}
}

@mediamin-width200px and max-width350px{
.contact ul li a {
float:left;
margin-left:10px;
font-size:14px;
line-height:20px;
clear:both;
}
}